<html>
<head>
	<title>My Orders - H!Indonesia</title>
	<script type="text/javascript" src="script/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="script/plugins/jquery.tipsy.js"></script>
	<script type="text/javascript" src="script/common.js"></script>
	<link rel="stylesheet" type="text/css" href="css/960.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/plugins/tipsy.css" />
	<script type="text/javascript">
	$(function(){
		
	});
	</script>
</head>
<body>
	<div class="container_24">
		<header>
			<div class="header-wrapper clearfix">
				<div id="top-bar" class="grid_24">
					<div class="login-box">
						<span class="sign-up-left">
							<a href="#">Sign Up</a>
						</span>
						<span class="separate-or">
						or
						</span>
						<span class="sign-in-right">
							<a href="#">Log In</a>
						</span>
					</div>
					<div class="search-box">
						<button class="search-trigger"></button>
						<input type="text" id="search-keyword" placeholder="search">
					</div>
				</div>
				<div id="site-logo" class="grid_7">
					<a href="#">
						<img src="img/assets/logo.png" alt="H!Indonesia | Online Tourism Information and Booking Ticket"> 
					</a>
				</div>
				<nav id="top-nav" class="grid_17">
					<ul id="menu">
						<li><a href="#">home</a></li>
						<li class="drop"><a href="#">book</a>
							<ul>
								<li><a href="#">flight</a></li>
								<li><a href="#">hotel</a></li>
							</ul>
						</li>
						<li><a href="#">plan</a></li>
						<li><a href="#">explore</a></li>
						<li><a href="#">news</a></li>
						<li><a href="#">travel notes</a></li>
						<li><a href="#">travel guide</a></li>
						<li><a href="#">faq</a></li>
						<li><a href="#">about us</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<section class="main-content grid_19">
			<div class="my-order">
		        <h2>My Orders
		        	<div class="change-currency"> Currency : 
		        		<select class="currency-select">
				        	<option selected="selected" value="IDR">Indonesian Rupiah</option>
				        	<option value="USD">United States Dollar</option>
		        		</select>
		        	</div>
		        </h2>
				<div order-detail-id="1803062" subtotal="682000.00" class="my-order-wrapper">
	               <div class="flight-loading hidden">
	                   <div class="boxwrap clearfix">
	                       <h1>Harap Tunggu</h1>
	                       <p>Pesanan Penerbangan Anda Sedang Diproses</p>
	                       <p><input type="submit" value="Batal" class="batal"></p>
	                   </div>
	               </div>
	               <div class="title-flight-wrapper">
						<h3>
							<span class="title">CGK (Jakarta) - DPS (Denpasar, Bali)</span>
							<span class="del" tooltip="Cancel">
								<a href="#">delete</a>
							</span>
						</h3>
					</div>
	               <div class="availability available">
	                   <p>Order has expired !</p>
	               </div>
	                <div class="availability unavailable">
	               		<p >This order is unavailable!</p>
	               </div>
	               <div class="my-order-item clearfix">
	               		<div class="image-flight grid_3">
	               			<img src="img/static/logo-gi.png" alt="Garuda Indonesia">
	               		</div>
	               		<div class="order-detail grid_9">
	                       <h4>Merpati (MZ-644 - Depart)</h4>
	                       <h5>SOEKARNO-HATTA <img src="img/icons/icon-arrow-to.png" alt="→"> NGURAH RAI</h5>
	                       <p>
								<strong>Adult</strong> : 1 x <span rel="682000" class="currency">IDR 682.000,00</span><br/>
								<strong></strong> Mr. Dani Taufani / 16 Jan 1990<br/>
								<strong>Bagage Fee Total</strong> : <span rel="100000" class="currency">IDR 100.000,00</span>
							</p>
							<div class="depart-arrival">
			                   <p><strong>Date</strong> : 06 May 2013</p>
			                   <p><strong>Departure</strong> : 05:30</p>
			                   <p><strong>Arrival</strong> : 08:10</p>
							</div>
	               		</div>
	               		<div class="cost-fare grid_5">
	               			<span rel="682000" class="item-price currency">IDR 682.000,00</span>
							<a class="button" href="#">Use Installment</a>
	               		</div>
	               </div>
					<div class="tax">
	               		<p>Flight Taxes &amp; Service Fees (Where Applicables) 
	                    <span class="currency">IDR 13.181,80</span></p>
					</div>
				</div>
				<hr/>
				<div order-detail-id="1803062" subtotal="682000.00" class="my-order-wrapper">
	               <div class="flight-loading hidden">
	                   <div class="boxwrap clearfix">
	                       <h1>Harap Tunggu</h1>
	                       <p>Pesanan Penerbangan Anda Sedang Diproses</p>
	                       <p><input type="submit" value="Batal" class="batal"></p>
	                   </div>
	               </div>
	               <div class="title-flight-wrapper">
						<h3>
							<span class="title">CGK (Jakarta) - DPS (Denpasar, Bali)</span>
							<span class="del" tooltip="Cancel">
								<a href="#">delete</a>
							</span>
						</h3>
					</div>
	               <div class="availability available">
	                   <p>Order will expire in <strong>52 minutes</strong></p>
	               </div>
	                <div class="availability unavailable hidden">
	               		<p>This order is unavailable!</p>
	               </div>
	               <div class="my-order-item clearfix">
	               		<div class="image-flight grid_3">
	               			<img src="img/static/logo-gi.png" alt="Garuda Indonesia">
	               		</div>
	               		<div class="order-detail grid_9">
	                       <h4>Merpati (MZ-644 - Depart)</h4>
	                       <h5>SOEKARNO-HATTA <img src="img/icons/icon-arrow-to.png" alt="→"> NGURAH RAI</h5>
	                       <p>
								<strong>Adult</strong> : 1 x <span rel="682000" class="currency">IDR 682.000,00</span><br/>
								<strong></strong> Mr. Dani Taufani / 16 Jan 1990<br/>
								<strong>Bagage Fee Total</strong> : <span rel="100000" class="currency">IDR 100.000,00</span>
							</p>
							<div class="depart-arrival">
			                   <p><strong>Date</strong> : 06 May 2013</p>
			                   <p><strong>Departure</strong> : 05:30</p>
			                   <p><strong>Arrival</strong> : 08:10</p>
							</div>
	               		</div>
	               		<div class="cost-fare grid_5">
	               			<span rel="682000" class="item-price currency">IDR 682.000,00</span>
							<a class="button" href="#">Use Installment</a>
	               		</div>
	               </div>
					<div class="tax">
	               		<p>Flight Taxes &amp; Service Fees (Where Applicables) 
	                    <span class="currency">IDR 13.181,80</span></p>
					</div>
				</div>
				<div order-detail-id="1803062" subtotal="682000.00" class="my-order-wrapper">
	               <div class="hotel-loading hidden">
	                   <div class="box-wrap clearfix">
	                       <h1>Please Wait...</h1>
	                       <p>Pesanan Hotel Anda Sedang Diproses</p>
	                       <p><input type="submit" value="Cancel" class="cancel"></p>
	                   </div>
	               </div>
	               <div class="title-hotel-wrapper">
						<h3>
							<span class="title">The Jayakarta Bandung Hotel & Spa</span>
							<span class="del" tooltip="Cancel">
								<a href="#">delete</a>
							</span>
						</h3>
					</div>
					<div class="availability available">
					   <p>Order will expire in <strong>52 minutes</strong></p>
					</div>
	                <div class="availability unavailable hidden">
	               		<p>This order is unavailable!</p>
	               </div>
	               <div class="my-order-item clearfix">
	               		<div class="image-hotel grid_3">
	               			<img src="img/static/grandmas.jpg" alt="The Jayakarta Bandung Hotel & Spa"/>
	               		</div>
	               		<div class="order-detail grid_9">
	                       <h5>Executive Room</h5>
	                       <p>
								<strong>Guest</strong> : 2 Adults<br/>
								<strong>Room</strong> : 1 Room<br/>
								<strong>Night</strong> : 1 Night
							</p>
							<div class="checkin-out">
			                   <p><strong>Check In</strong> : 06 May 2013</p>
			                   <p><strong>Check Out</strong> : 07 May 2013</p>
							</div>
	               		</div>
	               		<div class="cost-fare grid_5">
	               			<span rel="682000" class="item-price currency">IDR 682.000,00</span>
							<a class="button" href="#">Use Installment</a>
	               		</div>
	               </div>
					<div class="tax">
	               		<p>Hotel Taxes &amp; Service Fees (Where Applicables) 
	                    <span class="currency">IDR 13.181,80</span></p>
					</div>
				</div>
				<hr class="trim"/>
				<div class="total-orders">
					<p>
						Total <span class="currency" rel="1734000">IDR 1734.000,00</span>
					</p>
				</div>
				<hr/>
				<div class="promo-input">
					<div class="submit"> 
	                    <strong>Enter Promo Code</strong> to get Discounted Price for this order 
	                    <div class="input-append">
	                    	<input type="text" name="promo-code">
	                    	<input type="submit" value="Use">
	                    </div>
	                </div>
				</div>
				<div class="cc-discount">
					<p>
	                   Get further reduction up to <span id="charge-discount">IDR 21.145,00 </span> when you checkout . Not applicable with Credit Card.
	                </p>
	            </div>
	            <div class="check-out">
	                <a class="buy-another" href="#">Buy Another Tikets</a>
	                <a class="button" href="#" id="checkout-button">Continue Checkout</a>
	            </div>
	        </div>
		</section>
		<section class="sidebar-right grid_5">
			<div class="ads-space">
				<a href="#"><img src="img/static/ads-denpasar.png" alt="Ads space"></a>
				<a href="#"><img src="img/static/ads-lombok.png" alt="Ads space"></a>
				<a href="#"><img src="img/static/ads-google.png" alt="Ads space"></a>
			</div>
		</section>
		<footer>
			<nav class="clearfix">
				<ul class="bottom-nav grid_24">
		          <li><a href="#">About Us</a></li>
		          <li><a href="#">FAQ</a></li>
		          <li><a href="#">Contact Us</a></li>
		          <li><a href="#">Jobs</a></li>
		          <li><a href="#">Our Partner</a></li>
		          <li><a href="#">Press</a></li>
		        </ul>
	        </nav>
	        <section class="footer">
	        	<div class="footer-wrapper clearfix">
		        	<div class="footer-left grid_12">
		        		<ul>
		        			<li><a href="#">Terms of service</a></li>
		        			<li><a href="#">Privacy</a></li>
		        			<li><a href="#">Feedback & support</a></li>
		        		</ul>
		        		<div class="copyright">
		        			&copy; 2013 Hi-Indonesia. All rights reserved.
		        		</div>
		        	</div>
		        	<div class="footer-right grid_12">
		        		<ul>
		        			<li><a href="#">English</a></li>
		        			<li><a href="#">Bahasa</a></li>
		        		</ul>
		        	</div>
	        	</div>
	        </section>
		</footer>
	</div> 
</body>
</html>